<div class="order">
    <div class="order-header">
        <h3>{{ printOrderTypeName() }}</h3>
        <span
            class="order-status order-status-finished"
            *ngIf="order.status === 'Finished'"
            >已完成</span
        >
        <span
            class="order-status order-status-in-progress"
            *ngIf="order.status === 'InProgress'"
            >正在制作</span
        >
        <span
            class="order-status order-status-new"
            *ngIf="order.status === 'New'"
            >新订单</span
        >
        <span
            class="order-status order-status-received"
            *ngIf="order.status === 'Received'"
            >已接单</span
        >
    </div>

    <p class="order-date">
        {{ printOrderDateCreated() }}
    </p>

    <p class="order-taken">
        {{ printOrderTaken() }}
    </p>
</div>
